<template>
	<view class="content">
		<view class="mine-nav">
			<image :src="$IMG_URL+'bg_wallet.png'" mode="widthFix" style="width: 750rpx;"></image>
			<view class="nav-top">
				<u-navbar bgColor="transparent" :fixed="true" title="我的钱包" leftIconColor="#fff" titleStyle="color:#fff"
					autoBack>
				</u-navbar>
			</view>
		</view>
		<view class="wallet-con">
			<view>账户余额(元)</view>
			<view style="font-weight: 600;font-size: 62rpx;margin-top: 15rpx;">1000.00</view>
			<view class="wallet-but">
				<u-button type="primary" shape="circle" text="提现" @click="goWithdraw"></u-button>
			</view>
		</view>
		<view class="msg-con" style="margin-top: 23rpx;">
			<view class="msg-item" @click="goPath('/pages/user/wAccount/wAccount')">
				<image :src="$IMG_URL+'account.png'" class="item-img"></image>
				<view style="margin-left: 19rpx;">我的账户</view>
				<image :src="$IMG_URL+'jump.png'" style="width: 31rpx;height: 31rpx;margin-left: auto;">
				</image>
			</view>
			<u-line color="#d8d8d8"></u-line>
			<view class="msg-item" @click="goPath('/pages/user/wDetail/wDetail')">
				<image :src="$IMG_URL+'details.png'" class="item-img"></image>
				<view style="margin-left: 19rpx;">交易明细</view>
				<image :src="$IMG_URL+'jump.png'" style="width: 31rpx;height: 31rpx;margin-left: auto;">
				</image>
			</view>
		</view>
		<view class="wallet-desc">
			<view>平台提示：</view>
			<view>1、申请提现后0一24小时内到账，保证金师傅到账更快，提现后在交易。</view>
			<view>﻿2、因受微信提现规则限制，微信提现最多500，超过500的请用支付宝。</view>
		</view>
		<view class="wallet-qrcode">

		</view>
		<view style="font-size: 23rpx;color: #999999;margin-top: 15rpx;">扫码关注微信公众号接收微信推送工单消息</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goWithdraw() {
				uni.navigateTo({
					url: '/pages/user/withdraw/withdraw'
				})
			},
			goPath(url) {
				uni.navigateTo({
					url
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.wallet-con {
		margin-top: -340rpx;
		width: 688rpx;
		height: 348rpx;
		background: #FFFFFF;
		border-radius: 19rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 27rpx;
		color: #000000;
	}

	.wallet-but {
		width: 231rpx;
		margin-top: 46rpx;

		& ::v-deep .u-button {
			height: 69rpx !important;
		}
	}

	.msg-con {
		width: 688rpx;
		margin: 0 auto;
		margin-top: 31rpx;
		background: #FFFFFF;
		padding-left: 23rpx;
		padding-right: 15px;
		border-radius: 10rpx;
		position: relative;

		.msg-item {
			display: flex;
			align-items: center;
			padding: 23rpx 0;
			font-size: 27rpx;
			color: #000000;

			.item-img {
				width: 58rpx;
				height: 58rpx;
			}

			.msg-text {
				margin-left: auto;
				font-size: 23rpx;
				color: #999999;
				margin-right: 8px;
			}
		}
	}

	.wallet-desc {
		width: 688rpx;
		font-size: 27rpx;
		color: #999999;
		line-height: 38rpx;
		margin-top: 23rpx;
	}

	.wallet-qrcode {
		margin-top: 23rpx;
		width: 231rpx;
		height: 231rpx;
		background-color: greenyellow;
	}
</style>